//创建一个路由器 并暴露出去

//第一步：引入createRouter
import {createRouter,createWebHistory} from "vue-router";
//引入一个个可能要呈现的组件
// import About from '@/pages/About.vue'
// import Home from '@/pages/Home.vue'
// import News from '@/pages/News.vue'
// import Detail from '@/pages/Detail.vue'

//第二步：创建路由器.管理一个个路由
// const router = createRouter({
//     history:createWebHistory(),//路由器的工作模式
//     routes:[//一个个路由规则
//         {
//             path:'/home',
//             component:Home
//         },
//         {
//             path:'/about',
//             component:About
//         },
//         {
//             path:'/news',
//             component:News,
//             children:[
//                 {
//                     name:'ni',
//                     path:'detail/:id/:title/:content',
//                     component:Detail,
//                     // props:true //第一种写法：将路由收到的所以params参数作为props传给路由组件
//                     //第二种写法（函数写法）：可以自己决定将什么作为props给路由组件
//                     props(route){
//                         return route.params;
//                     }
//                 }
//             ]
//         },
//         //路由重定向
//         {
//             path:'/',
//             redirect:'/home'
//         }
//     ]
// })

//暴露出去router
// export default router
